<template>
    <h3>数组变化侦听</h3>
    <button @click="Additem">添加</button>
    <ul>
        <li v-for="(item,index) of names" :key="index">{{ item }}</li>
    </ul>
</template>
<script>
export default {
    data() {
        return {
            names:["iwas","jake"]
        }
    }, methods:{
        Additem(e) {
            //不会引起UI自动更新
            this.names = this.names.concat(["mary"])
        }
    }
}
</script>